---
title: "Hr"
sidebarTitle: "Hr"
description: "Display a divider that separates content areas in your email."
"og:image": "https://react.email/static/covers/hr.png"
icon: "horizontal-rule"
---

import Support from '/snippets/support.mdx'

## Install

Install component from your command line.

<CodeGroup>

```sh npm
npm install @react-email/components -E

# or get the individual package

npm install @react-email/hr -E
```

```sh yarn
yarn add @react-email/components -E

# or get the individual package

yarn add @react-email/hr -E
```

```sh pnpm
pnpm add @react-email/components -E

# or get the individual package

pnpm add @react-email/hr -E
```

</CodeGroup>

## Getting started

Add the component to your email template. Include styles where needed.

```jsx
import { Hr } from "@react-email/components";

const Email = () => {
  return <Hr />;
};
```

<Support/>
